<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    {% load static %}
    <style type="text/css">
        body{
            background-repeat: no-repeat;
            background-size: 100% auto;
        }
        .but{
            margin-top: 15px;
            width: 180px;
            height: 30px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            background:pink;
            border: 0;
            border-radius: 15px;
        }
        h1{
            font-weight: 700;
            text-align: center;
            color: pink;
        }
        table{
            font-weight: 700;
        }
    </style>
</head>
<body>
<h1>用户详情</h1>
<hr>
<table border="1" width="50" cellspacing="0" style="text-align: center" class="table table-grey table-hover">
    <thead>
        <tr>
            <th>账户</th>
            <th>电话</th>
        </tr>
    </thead>
    <tbody>
    {% for user in userList %}
        <tr>
            <td>{{ user.user.username }}</td>
            <td>{{ user.phone }}</td>
        </tr>

        {% empty %}

        <tr>
            <td colspan="8" style="text-align: center; background-color: #ccc">暂无数据</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
<div style="text-align: center">
    <button class="but" onclick="location='/app/user/updateUser/'">更新当前账号</button>
    <br>
    <button class="but" onclick="location='/app/emp/selectService/'" >返回</button>
</div>
</body>
</html>